<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px;">
	<div data-type="tabs"
		data-defs="border:true"
		style="width: 700px; height: 250px">
		<div title="包含子tab页面" style="padding: 0px;">
			<div data-type="tabs" data-defs="fit:true,border:false,headerCls:'byb'">
				<div title="t1" style="padding: 10px;">tab 1</div>
				<div title="t2" style="padding: 10px;">tab 2</div>
				<div title="t3" style="padding: 10px;">tab 3</div>
			</div>
		</div>
		<div title="Iframe" data-defs="closable:true" style="overflow: hidden; background: #fff">
			<iframe scrolling="yes" frameborder="0" src="static_resources/ui/jww/demo/testdata/_content.html"
				style="width: 100%; height: 100%;"></iframe>
		</div>
		<div title="grid" data-defs="closable:true" style="padding: 0px">
			<table data-type="grid" data-defs="fit:true,singleSelect:true,rownumbers:true">
				<thead>
					<tr>
						<th data-defs="field:'f1',width:100">t1</th>
						<th data-defs="field:'f2',width:100">t2</th>
						<th data-defs="field:'f3',width:100">t3</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>11</td>
						<td>12</td>
						<td>13</td>
					</tr>
					<tr>
						<td>21</td>
						<td>22</td>
						<td>23</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div title="Ajax" data-defs="href:'demo/testdata/_content.html',closable:true"
			style="padding: 10px"></div>
	</div>
</div>
